<script setup lang="ts">
import { useRouter } from 'vue-router'

const router = useRouter()

const goBack = () => {
  router.go(-1)
}

const goHome = () => {
  router.push('/')
}
</script>

<template>
  <div class="flex-center min-h-screen bg-gray-50">
    <div class="text-center">
      <h1 class="text-8xl font-bold text-primary mb-4">401</h1>
      <p class="text-2xl text-gray-600 mb-8">抱歉，您没有访问权限</p>
      <div class="space-x-4">
        <button
          class="px-6 py-2 bg-primary rounded-full hover:bg-primary-dark transition-colors"
          @click="goBack"
        >
          返回上页
        </button>
        <button
          class="px-6 py-2 border border-primary text-primary rounded-full hover:bg-primary"
          @click="goHome"
        >
          回到首页
        </button>
      </div>
    </div>
  </div>
</template>

<style scoped></style>
